<!DOCTYPE html><head>
	<meta charset="utf-8">
	<title>Magazine List Page with Infinite-scroll - Fashionic Ajax Respondsive HTML Template</title>
	
	<!-- CSS
	  ================================================== -->
	<link rel="stylesheet" media="all" type="text/css" href="styles/mediaelementplayer.min.css" />
	<link rel="stylesheet" media="all" type="text/css" href="styles/supersized.css" />
	<link rel="stylesheet" media="all" type="text/css" href="js/themes/classic/galleria.classic.css" />
	<link rel="stylesheet" media="all" type="text/css" href="style.css" />
	<link rel="stylesheet" media="all" type="text/css" href="styles/light.css" /><!--Color scheme include: light.css and dark.css-->
	<link rel="stylesheet" media="all" type="text/css" href="styles/respondsive.css" />
	<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="styles/retina.css" />

	 <!--Mobile Specific Metas
	  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- JS
 	================================================== -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/jquery.easing.min.js'></script>
	<script type='text/javascript' src='js/jquery.infinitescroll.min.js'></script>
	<script type='text/javascript' src='js/mediaelement-and-player.min.js'></script>
	<script type='text/javascript' src='js/jquery.hoverIntent.js'></script>
	<script type='text/javascript' src='js/supersized.3.2.7.min.js'></script>
	<script type='text/javascript' src='js/supersized.shutter.min.js'></script>
	<script type='text/javascript' src='js/galleria-1.2.8.min.js'></script>
	<script type='text/javascript' src='js/themes/classic/galleria.classic.js'></script>
	<script type='text/javascript' src='js/jquery.hoverdir.js'></script>
	<script type='text/javascript' src='js/color.js'></script>
	<script type='text/javascript' src='js/jquery.isotope.js'></script>
	<script type='text/javascript' src='js/main.js'></script>
	<script type='text/javascript' src='js/infiscroll.trigger.js'></script><!--Js codes for Infinits Scroll-->
	<script>
	var blockWidth = '240'; // Width of block
	var blockMargin = '1';  // Space between blocks
	var blockColumn = '2';  // Columns of expanded block 
	var smallBlockBg = '#ffffff'; // Background color of block
	var bigBlockBg = '#f3f3f3'; // Background color of expanded block
	</script>
	
	
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-114x114.png">
	
	<!-- IE hack
	================================================== -->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!--[if lte IE 8 ]>
	<script type="text/javascript" src="js/ie.js"></script>
	<link rel="stylesheet" media="all" type="text/css" href="styles/ie.css" />
	<![endif]-->
	
	<!--[if lte IE 6]>
	<div style="width: 100%;" class="messagebox_orange">Your browser is obsolete and does not support this webpage. Please use newer version of your browser or visit <a href="http://www.ie6countdown.com/" target="_new">Internet Explorer 6 countdown page</a>  for more information. </div>
	<![endif]-->	
	
	<!--/////////////
	//Google Fonts//
	///////////////-->
	<link href='../../../fonts.googleapis.com/css_362961CB' rel='stylesheet' type='text/css'>
	<link href='../../../fonts.googleapis.com/css_D6542681' rel='stylesheet' type='text/css'>
	<link href='../../../fonts.googleapis.com/css_96849461' rel='stylesheet' type='text/css'>
	
</head>

<body class="page">
<div id="wrap">

<!--/////////////////////////////////////////////
//////////                         /////////////
//////////    Left Sidebar Area   //////////////
/////////                         /////////////
////////////////////////////////////////////-->	
	<div id="siderbar" class="sidebar_forlist">
	<div class="sidebar_wrapmost">
	
	<!--
	////////////////
	     Logo
	///////////////
	-->	
		<p id="logo"><a href="index.html" title="Fashionic Template"><img src="img/logo.png" alt="Fashionic Template" width="250" height="90"></a></p>
		<p id="logo_retina"><a href="index.html" title="Fashionic Template"><img src="img/logo_retina.png" alt="Fashionic Template" width="250" height="90"></a></p><!--Logo For High Resolution -->
				
			
	<!--
	//////
	 Menu
	//////
	-->	
		<div class="menu_wrap">
			<div id="navi" class="clearfix">
			<ul class="menu">
				<li class="menu-item"><a href="index.html">HOME</a></li>
				<li class="menu-item">
					<a href="index.html">PORTFOLIO</a>
					<!--Submenu for Portfolio item-->
					<ul class="sub-menu">
						<li class="menu-item"><a href="portfolio_list_23.html">Portfolio 2:3</a></li>
						<li class="menu-item"><a href="portfolio_list_32.html">Portfolio 3:2</a></li>
						<li class="menu-item"><a href="portfolio_list_11.html">Portfolio 1:1</a></li>
						<li class="menu-item"><a href="portfolio_list_tumblr.html">Tumblr Style</a></li>
					</ul>
					<!--End Submenu for Portfolio item-->
				</li>
				<li class="menu-item current-menu-item current_page_item">
					<a href="magazine.html">MAGAZINE</a>
					<ul class="sub-menu">
						<li class="menu-item"><a href="magazine_with_slider.html">Magazine with Slider</a></li>
						<li class="menu-item"><a href="magazine_with_border.html">List with Border</a></li>
					</ul>
				</li>
				<li class="menu-item">
					<a href="javascript:;">FEATURES</a>
					<!--Submenu for Features item-->
					<ul class="sub-menu">
						
						<li class="menu-item"><a href="feature_list_style.html">List Page Style</a></li>
						<li class="menu-item"><a href="feature_slider.html">Slider</a></li>
						<li class="menu-item"><a href="feature_pagination.html">Pagination</a></li>
					</ul>
					<!--End Submenu for Features item-->
				</li>
				<li class="menu-item"><a href="javascript:;">PAGE EXAMPLES</a>
					<ul class="sub-menu">
						<li class="menu-item"><a href="about.html">About</a></li>
						<li class="menu-item"><a href="contact.html">Contact</a></li>
					</ul>
				</li>
			</ul>
			</div><!--End navi-->
	
	<!--
	//////////////
	filter button
	/////////////
	-->						
			<ul id="filterable">
				<li class="current"><a data-filter="*" href="#">All</a></li>	
				<li><a href="#" data-filter=".literary-works">LITERARY WORKS</a></li>       
				<li><a href="#" data-filter=".news">NEWS</a></li>       
			</ul>
		</div><!--End menu_wrap-->
	</div><!--End sidebar_wrapmost-->
	
	<div id="siderbar_bottom">
	
	<!--
	//////////////
	Search box
	/////////////
	-->	
		<div id="search" class="searchcss social_active">
			<form id="search_form" name="" method="get" class="search-form_header" action="#">
			<span class="searchicon"></span><input type="text" onBlur="if (this.value == '') {this.value = 'Search';}" onFocus="if (this.value == 'Search') {this.value = '';}" id="s" name="s" value="Search" class="textboxsearch"><input type="submit" value="" class="submitsearch" name="submitsearch">
</form>
		</div><!--END search-->
		
	<!--
	///////////
	Social icons 
	(it is not displayed in mobile device)
	///////////
	-->	
		
		<div id="social_icon">
			<a id="social_facebook" class="social_active" href="../../../www.facebook.com/uiueux/index.htm" title="Visit Facebook page"><span></span></a><!--Facebook-->
			<a id="social_twitter" class="social_active" href="../../../www.twitter.com/uiueux/index.htm" title="Visit Twitter page"><span></span></a><!--Twitter-->
			<a id="social_google_plus" class="social_active" href="#" title="Visit Google Plus page"><span></span></a><!--Google plus-->
			<a id="social_pinterest" class="social_active" href="#" title="Visit Pinterest page"><span></span></a><!--Pinterest-->
			<a id="social_dribbble" class="social_active" href="#" title="Visit Dribbble page"><span></span></a><!--Dribbble-->	
			<!--<a id="social_trumblr" class="social_active" href="#" title="Visit Tumblr page"><span></span></a> Trumblr-->
			<!--<a id="social_youtube" class="social_active" href="#" title="Visit Youtube page"><span></span></a> Youtube-->
			<!--<a id="social_flickr" class="social_active" href="#" title="Visit Flickr page"><span></span></a> Flickr-->
			<!--<a id="social_vimeo" class="social_active" href="#" title="Visit Vimeo page"><span></span></a> Vimeo-->
			<!--<a id="social_linkedin" class="social_active" href="#" title="Visit LinkedIn page"><span></span></a> Linkedin-->
			<!--<a id="social_forst" class="social_active" href="#" title="Visit Forst page"><span></span></a> Forst-->
			<!--<a id="social_github" class="social_active" href="#" title="Visit Github page"><span></span></a> Github-->
			<!--<a id="social_rss" class="social_active" href="#" title="Rss"><span></span></a> Rss-->			
		</div><!--END social_icon-->
		
	
	<!--
	///////////
	copyright 
	(it is not displayed in mobile device)
	///////////
	-->			
		<div id="copyright">Copyright @ uiueux.com</div>
	</div><!--END siderbar_bottom-->	
	</div><!--End sidebar-->



	<!---/////////////////////////////////////////////
	//////////                         /////////////
	//////////    Main Content Area   //////////////
	/////////                         /////////////
	////////////////////////////////////////////-->	
	<div id="content">
	<!--
	////////////////
	  Blocks list
	///////////////
	-->	
		<ul id="item-wrap" class="clearfix " >
				
		
			<li class="item item_standard haslink blog literary-works" rel="content-blog-1.html">
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">6</span>Oct</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Cum tincidunt mus ultricies rhoncus tortor">Cum tincidunt mus ultricies rhoncus tortor</a></h2><div class="clearfix"></div>
					<p>Ut mus tristique aliquet risus proin! Tincidunt mattis proin tincidunt tristique ut! Vut adipiscing integer facilisis dapibus magna, velit porttitor phasellus etiam.</p>
					<p>Placerat enim risus! Pulvinar nec arcu magnis sociis quis aenean, scelerisque auctor et cras ut, habitasse in aliquam integer, etiam, mattis in magna? Amet mattis, duis integer augue! Dis egestas nascetur, elit dictumst! Turpis. Habitasse nisi socii in mid.</p>
					<a act="zoom" href="javascript:;" title="Cum tincidunt mus ultricies rhoncus tortor" class="readmore">Readmore</a>
				</div><!--End layout-stand-->	
			</li><!-- blog block -->
				
			
			<li class="item item_standard haslink blog literary-works" rel="content-blog-2.html">
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">12</span>Sep</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Pulvinar dictumst pellentesque">Pulvinar dictumst pellentesque</a></h2><div class="clearfix"></div>
					<p>Pulvinar dictumst pellentesque! Cum tincidunt mus ultricies rhoncus tortor, vel aenean facilisis ultrices mauris dis odio augue rhoncus sed.</p>
					<a act="zoom" href="javascript:;" title="Pulvinar dictumst pellentesque" class="readmore">Readmore</a>
				</div><!--End layout-stand -->			
			</li><!-- blog block -->
				
			<!-- Standard block with thumbnail -->
			<li class="item item_standard haslink blog news" rel="content-gallery-1.html">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post Augue tortor lacus"><img class="standitem_img" src="../../wp/fashionic/files/2012/09/sdfsdfs-340x340.jpg" /></a>
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">19</span>Sep</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post &#8211; Augue tortor lacus">Blog Post &#8211; Augue tortor lacus</a></h2><div class="clearfix"></div>
					<p>Augue tortor lacus, parturient adipiscing ultrices tristique magnis ultricies sed elementum ultricies odio adipiscing mus mauris urna placerat arcu diam a platea placerat, pulvinar elementum auctor sagittis? Risus urna turpis platea velit sit et augue urna est habitasse platea.</p>
					<a act="zoom" href="javascript:;" title="Blog Post &#8211; Augue tortor lacus" class="readmore">Readmore</a>
				</div><!--End layout-stand -->			
			</li>
				
		
			<li class="item item_standard haslink blog literary-works" rel="content-gallery-2.html">
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">19</span>Sep</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post &#8211; Turpis">Blog Post &#8211; Turpis</a></h2><div class="clearfix"></div>
					<p>Velit, purus urna! Placerat. Amet, lectus enim. Risus, facilisis integer in, a lectus adipiscing aenean, nisi dapibus magna eros tempor cum elit ut, sed eu mid est urna amet. Lectus porta! Pellentesque, elit tincidunt? Ut dolor ut ut? Ultricies.</p>
	<p>Platea integer proin elementum arcu, massa hac magna turpis eros dapibus tempor eu odio parturient mus? Elementum tristique, nunc? Habitasse sociis hac, penatibus ac, proin. Facilisis nisi. Proin, tincidunt, ac dignissim, ridiculus scelerisque, magna sociis nisi quis, lundium tempor.</p>
					<a act="zoom" href="javascript:;" title="Blog Post &#8211; Turpis" class="readmore">Readmore</a>
				</div><!--End layout-stand -->	
			</li><!-- blog block -->
					
			
			<li class="item item_standard haslink blog news" rel="content-gallery-1.html">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post Example"><img class="standitem_img" src="../../wp/fashionic/files/2012/09/Untitled-2-340x453.jpg" /></a>
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">10</span>Sep</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post Example">Blog Post Example</a></h2>
					<div class="clearfix"></div>
					<p>Adipiscing cras integer placerat et adipiscing in rhoncus adipiscing scelerisque magna ut dignissim natoque, sagittis lorem ultrices nisi arcu inell</p>
					<a act="zoom" href="javascript:;" title="Blog Post Example" class="readmore">Readmore</a>
				</div><!--End layout-stand -->	
			</li><!-- blog block with thumbnail -->
				
			
			<li class="item item_standard haslink blog news" rel="content-gallery-2.html" postid="696">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post"><img class="standitem_img" src="../../wp/fashionic/files/2012/09/Untitled-4-340x254.jpg" /></a>
				<div class="layout-stand layout-con-style">
				<span class="date"><span class="day">10</span>Sep</span>
				<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post">Blog Post</a></h2>
				<div class="clearfix"></div>
					<p>Nec lacus sociis, tortor sociis platea parturient integer augue pulvinar nisi adipiscing purus augue aliquet ultrices? Magni</p>
					<a act="zoom" href="javascript:;" title="Blog Post" class="readmore">Readmore</a>
				</div><!--End layout-stand -->		
			</li><!-- blog block with thumbnail -->
					
			<li class="item item_standard haslink blog news" rel="content-gallery-1.html">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post"><img class="standitem_img" src="../../wp/fashionic/files/2012/09/Untitled-3-340x453.jpg" /></a>
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">10</span>Sep</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post">Blog Post</a></h2>
					<div class="clearfix"></div>
					<p>Tempor sit nascetur placerat sociis turpis! Rhoncus pulvinar, sociis lectus, nascetur augue? Nisi non aenean in natoque aliquam! Risus! Vut &hellip;</p>
					<a act="zoom" href="javascript:;" title="Blog Post" class="readmore">Readmore</a>
				</div><!--End layout-stand -->			
			</li>
					
			<li class="item item_standard haslink blog news" rel="content-gallery-2.html">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post"><img class="standitem_img" src="../../wp/fashionic/files/2012/09/612-Dirk-Dallas-3-340x340.jpg" /></a>
				<div class="layout-stand layout-con-style">
				<span class="date"><span class="day">10</span>Sep</span>
				<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post">Blog Post</a></h2>
				<div class="clearfix"></div>
				<p>A urna et porta nisi scelerisque? Parturient facilisis. A phasellus vut augue pulvinar lundium mus parturient. Penatibus, sagittis tempor vel scelerisque cum scelerisque urna, velit sed et! Duis habitasse tristique. Egestas duis tincidunt dictumst dis vel, in elit phasellus a.</p>
				<a act="zoom" href="javascript:;" title="Blog Post" class="readmore">Readmore</a>
				</div><!--End layout-stand -->			
			</li>
					
			<li class="item item_standard haslink blog news" rel="content-gallery-1.html">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post &#8211; Pid, elementum! Integer aliquam magna amet"><img class="standitem_img" src="../../wp/fashionic/files/2012/09/1024-Dirk-Dallas-1-340x259.jpg" /></a>
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">10</span>Sep</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post &#8211; Pid, elementum! Integer aliquam magna amet">Blog Post elementum Integer aliquam magna amet</a></h2>
					<div class="clearfix"></div>
					<p>Sit. Dapibus, scelerisque ultrices, ac, ac porta, scelerisque mauris? A elit pulvinar. Ultricies placerat. Diam risus ultricies amet vel nunc natoque tincidunt dignissim magna nisi, scelerisque amet dis in, montes amet diam integer in tortor, proin ac purus, magna.</p>
		<p>Magna scelerisque cum, augue, massa, enim nisi, et nunc elit sagittis lorem a lorem natoque egestas cras quis, elit egestas. Odio non, placerat proin elit ultricies nunc, nunc porttitor natoque cras, hac eros pellentesque habitasse lectus enim duis porta.</p>
					<a act="zoom" href="javascript:;" title="Blog Post elementum! Integer aliquam magna amet" class="readmore">Readmore</a>
				</div><!--End layout-stand -->			
			</li>
					
			<li class="item item_standard haslink blog news" rel="content-gallery-2.html">
				<a class="post_title withimg" href="javascript:;" act="zoom" title="Blog Post &#8211; Turpis, a elit magna et placerat augue integer"><img class="standitem_img" src="../../wp/fashionic/files/2012/08/IMG_18631-340x226.jpg" /></a>
				<div class="layout-stand layout-con-style">
					<span class="date"><span class="day">28</span>Aug</span>
					<h2 class="title_withdate"><a act="zoom" class="post_title blog_title" href="javascript:;" title="Blog Post &#8211; Turpis, a elit magna et placerat augue integer">Blog Pos Turpis, a elit magna et placerat augue integer</a></h2>
					<div class="clearfix"></div>
					<p>Velit, purus urna! Placerat. Amet, lectus enim. Risus, facilisis integer in, a lectus adipiscing aenean, nisi dapibus magna eros tempor &hellip;</p>
					<a act="zoom" href="javascript:;" title="Blog Post &#8211; Turpis, a elit magna et placerat augue integer" class="readmore">Readmore</a>	
				</div><!--End layout-stand -->
			</li>
	
			<div id="page-nav"><a href="nextpage/magazine_2.html" >MORE</a></div><!--For Infinits Scroll-->

		</ul>
		
	</div><!--END content -->
	
		<!--//////////////////////////////////
		//// Social icons for mobile devices //
		//////////////////////////////-/////-->
		
		<div id="social_icon" class="social_icon_mobile">
			<a id="social_facebook" class="social_active" href="../../../www.facebook.com/uiueux/index.htm" title="Visit Facebook page"><span></span></a><!--Facebook-->
			<a id="social_twitter" class="social_active" href="../../../www.twitter.com/uiueux/index.htm" title="Visit Twitter page"><span></span></a><!--Twitter-->
			<a id="social_google_plus" class="social_active" href="#" title="Visit Google Plus page"><span></span></a><!--Google plus-->
			<a id="social_pinterest" class="social_active" href="#" title="Visit Pinterest page"><span></span></a><!--Pinterest-->
			<a id="social_dribbble" class="social_active" href="#" title="Visit Dribbble page"><span></span></a><!--Dribbble-->	
			<!--<a id="social_trumblr" class="social_active" href="#" title="Visit Tumblr page"><span></span></a> Trumblr-->
			<!--<a id="social_youtube" class="social_active" href="#" title="Visit Youtube page"><span></span></a> Youtube-->
			<!--<a id="social_flickr" class="social_active" href="#" title="Visit Flickr page"><span></span></a> Flickr-->
			<!--<a id="social_vimeo" class="social_active" href="#" title="Visit Vimeo page"><span></span></a> Vimeo-->
			<!--<a id="social_linkedin" class="social_active" href="#" title="Visit LinkedIn page"><span></span></a> Linkedin-->
			<!--<a id="social_forst" class="social_active" href="#" title="Visit Forst page"><span></span></a> Forst-->
			<!--<a id="social_github" class="social_active" href="#" title="Visit Github page"><span></span></a> Github-->
			<!--<a id="social_rss" class="social_active" href="#" title="Rss"><span></span></a> Rss-->	
		</div><!--END social-->
		
		<!--//////////////////////////////////////
		//// Copyright info. for mobile devices //
		//////////////////////////////-/////-->
		<div id="copyright_mobile" style="">Copyright @ uiueux.com</div>
</div>
<!--Back Top button-->
<div id="top"></div>
</body>
</html>